import React, { PureComponent } from 'react';
import {Layout} from 'antd';
import style from './index.less';
import Article from './article';

const {Content} = Layout;

class Index extends PureComponent {
  state = {}
  render() { 
    return (

      <Layout style={{
        width: 1200,
        margin: '0 auto',
        minWidth: 1000
      }}>
        <header>文章推荐</header>
        <Content>
          <div
            style={{
            background: '#fff',
            padding: 20,
            width: '78%',
            display: 'inline-block',
            marginRight: '2%',
          }}>
            <Article></Article>
          </div>
        </Content>
      </Layout>
    );
  }
}
 
export default Index;